<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Background-Repeat - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">background-repeat</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b> 
    [<b><i class="fs">CSS1</i></b>|<b class="s">CSS2</b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE4B2</b>|<b><i class="fs">N4B3</i></b>|<b class="s">O3.5</b>|<b class="s">S1</b>]<br></td>
    <td colspan=2 align=center><b class="alert">Other Color/Background Properties</b><br></td>
</tr>
<tr>
    <td><a href="color.htm">color</a><br>
        <a href="lbgcolor.htm">layer-background-color</a><br>
        <a href="lbgcolor.htm">layer-background-color</a><br>
        <a href="bg.htm">background</a><br>
        <a href="bgcolor.htm">background-color</a><br></td>
    <td><a href="bgimage.htm">background-image</a><br>
        <a href="bgattach.htm">background-attachment</a><br>
        <a href="bgposit.htm">background-position</a><br>
        <a href="bgpositx.htm">background-position-x</a><br>
        <a href="bgposity.htm">background-position-y</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0 >
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
    <td><b class="alert">repeat</b></td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>ALL</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
    <td>No</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
    <td>Visual</td></tr>
<tr><th align=left valign=top><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>NA</td></tr>
<tr><th align=left valign=top><b class="l3heading">Official Docs: </b><br></th>
    <td><a href="http://www.w3.org/TR/REC-CSS1#background-repeat">CSS1: Sect. 5.3.4</a><br>
        <a href="http://www.w3.org/TR/REC-CSS2/colors.html#background-properties">CSS2: Sect. 14.2.1</a>,
        <a href="http://www.w3.org/TR/CSS21/colors.html#background-properties">CSS2.1: Sect 14.2.1</a></td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>If a 'background-image' is specified, this value specifies how the image
        is repeated if the image is not large enough to cover the entire element.
        All image rendering covers the content and padding areas of the element's box.
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">inherit</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>] 
    [<b class="s">N6</b>|<b><i class="fs">O4</i></b>|<b class="s">S1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Explicitly sets the value of this property to that of the parent.</dd>

<dt><b class="subheading">repeat</b></dt>
<dt>[<b><i class="fs">CSS1</i></b>|<b class="s">CSS2</b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE4B2</b>|<b><i class="fs">N4B3</i></b>|<b class="s">O3.5</b>|<b class="s">S1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Image is repeated (tiled) both vertically and horizontally.</dd>

<dt><b class="subheading">repeat-x</b></dt>
<dt>[<b><i class="fs">CSS1</i></b>|<b class="s">CSS2</b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE4B2</b>|<b><i class="fs">N4B3</i></b>|<b class="s">O3.5</b>|<b class="s">S1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Image is repeated (tiled) horizontally only (to the left and right) of the
        originating position.</dd>

<dt><b class="subheading">repeat-y</b></dt>
<dt>[<b><i class="fs">CSS1</i></b>|<b class="s">CSS2</b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE4B2</b>|<b><i class="fs">N4B3</i></b>|<b class="s">O3.5</b>|<b class="s">S1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Image is repeated (tiled) vertically only (upwards and downwards) of the
        originating position.</dd>

<dt><b class="subheading">no-repeat</b></dt>
<dt>[<b><i class="fs">CSS1</i></b>|<b class="s">CSS2</b>|<b class="s">CSS2.1</b>] 
    [<b class="s">IE4B2</b>|<b><i class="fs">N4B3</i></b>|<b class="s">O3.5</b>|<b class="s">S1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Image is not repeated. Only a single occurrence of the background image
        behind the current element is used, at the specified position.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">body</b> {
        <span class="property">background-image:</span>
        url(http://www.foo.com/image.gif);<br>
        <span class="property">background-repeat:</span> repeat-y }</div>
    <dd><div class="example">In-Line:&#160; &lt;<b class="tagname">body</b>
        <span class="tagattrib">STYLE</span>=&quot;<span
        class="property">background-image:</span>
        url(http://www.foo.com/image.gif);<br>
        <span class="property">background-repeat:</span>
        repeat-y&quot;&gt;text&lt;/<b class="tagname">body</b>&gt;</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li><b class="alert">Internet Explorer</b>
        <dl>
            <dd><b class="alert2">4.0:</b>
            <dd>- A value of "repeat-x" only repeats to the right of the
                starting position, not both left and right.
            <dd>- A value of "repeat-y" only repeats downward from the
                starting position, not both up and down.
            <dd>- A value of "repeat" only repeats downward and to the right
                from the starting position, not both up/down.
        </dl>
    <li><b class="alert">Netscape</b>
        <dl>
            <dd><b class="alert2">4.0 Beta 2:</b>
            <dd>- This property can not be specified for the BODY element in
                this version (fixed in the next beta.)
            <dd><b class="alert2">4.x:</b>
            <dd>- There are <em>SERIOUS</em> screen re-drawing problems when this
                property is used. Avoid this property if you need to target this browser.
            <dd>- Because the 'background-position' property is not supported, this
                property only displays starting from the upper, left corner of the element.
        </dl>
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>